<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
	<ui:composition template="common.xhtml">
        <ui:define name="corpo">
		    <p:dialog id="modalDialog" header="Edição de usuário" widgetVar="dlgEdicao" modal="true" dynamic="true" appendToBody="true" showEffect="explode" hideEffect="drop">
		        <h:form id="formEdicao">
			    	<p:panel id="pnModalUsuario" styleClass="panelSemBorda" > 
	   					<ui:include src="/modal_usuario.xhtml" />
	   				</p:panel>
   				</h:form>
			</p:dialog>
           	<p:confirmDialog id="confirmDialog" message="Deseja realmente excluir o usuário?" header="Excluir?" severity="alert" widgetVar="confirmation" appendToBody="true">
           		<h:form id="formExclusao">  
       				<p:commandButton id="confirm" value="Sim" actionListener="#{usuariosManagedBean.excluirUsuario}" update=":form:dtUsuarios" oncomplete="confirmation.hide()"  />  
       				<p:commandButton id="decline" value="Não" onclick="confirmation.hide()" type="button" />
       			</h:form>   
   			</p:confirmDialog>
            <h:form id="form" rendered="#{usuarioLogado.cargo == 'GERENTE'}">
            	<p:messages id="messages" showDetail="true"  autoUpdate="true" closable="true" rendered="true"/>
		        <p:panel id="pnListagem" header="Usuários" style="width: 700;">
		        	<h:panelGrid columns="2" cellpadding="3" id="pnEdicao" border="0" >
						<p:commandButton id="btIncluir" actionListener="#{usuariosManagedBean.incluirUsuario}" update=":formEdicao:pnModalUsuario" oncomplete="dlgEdicao.show();" value="Novo usuário" />  
		        	</h:panelGrid>
	            </p:panel>
	            <br/>
            	<p:dataTable id="dtUsuarios" value="#{usuariosManagedBean.usuarios}" var="usuario">
		            <f:facet name="header">
		            	Resultado da pesquisa
		        	</f:facet>
		        
		            <p:column style="width:4%">
		                <p:commandButton id="btEditar" actionListener="#{usuariosManagedBean.alterarUsuario}" update=":formEdicao:pnModalUsuario" icon="ui-icon-pencil" onclick="dlgEdicao.show();">
		                	<f:setPropertyActionListener value="#{usuario}" target="#{usuariosManagedBean.usuarioSelecionado}"/>
		                </p:commandButton>    
		                <p:commandButton id="btExcluir" onclick="confirmation.show()" icon="ui-icon-close" >
		                	<f:setPropertyActionListener value="#{usuario}" target="#{usuariosManagedBean.usuarioSelecionado}" />
		                </p:commandButton> 		                
			        </p:column>      
		                 
            		<p:column headerText="Id">
            			#{usuario.idUsuario}
            		</p:column>	
            			
            		<p:column headerText="Nome">
            			#{usuario.nome}
            		</p:column>
            		
            		<p:column headerText="Login">
            			#{usuario.login}
            		</p:column>
            	
            		<p:column headerText="E-mail">
            			#{usuario.eMail}
            		</p:column>
            		
            		<p:column headerText="Matricula">
            			#{usuario.matricula}
            		</p:column>
            		
            		<p:column headerText="Cargo">
            			#{usuario.cargoAsEnum.descricao}
            		</p:column>
            	</p:dataTable>
    	    </h:form>
    	    <p:panel id="pnListagem" header="Usuários" style="width: 700;" rendered="#{usuarioLogado.cargo != 'GERENTE'}">
	        	<h:panelGrid columns="1" cellpadding="3" id="pnEdicao" border="0" >
	        		<p:outputLabel>O usuário logado sem permissão para acessar essa área.</p:outputLabel>
	        	</h:panelGrid>
            </p:panel>
        </ui:define>
    </ui:composition>
</html>